<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的订单-聚订单</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">
    <link rel="stylesheet" href="../../lib/css/elementui.min.css">
</head>

<body>
    <div class="app-wrap" v-cloak id="order_jdd">
        <header-top></header-top>
        <header-search-global type="首页"></header-search-global>
        <common-top-nav></common-top-nav>
        <div class="bg-gray">
            <div class="container userCenter clear">
                <leftnav></leftnav>
                <div class="user-content">
                    <ul class="tabs">
                        <li class="li-tab" v-for="(item,index) in tabsParam" @click="toggleTabs(index)" :class="{active:index!=nowIndex}"><span>{{item}}</span></li>
                    </ul>
                    <!-- 聚订单列表 -->
                    <ul class="ucenter-order-list mt-20">
                        <li>
                            <div class="item-head">
                                <span class="col-img"></span>
                                <span class="col-name">订单名称</span>
                                <span class="col-param">参数</span>
                                <span class="col-baojia">报价</span>
                                <span class="col-state">状态</span>
                                <span class="col-action">操作</span>
                            </div>
                        </li>
                        <li v-for="item in list">
                            <div class="item-head">
                                <span class="col-img">{{item.createTime}}</span>
                                <span class="col-ordernum">订单号：{{item.id}}</span>
                            </div>
                            <div class="item-body">
                                <div class="col-img">
                                    <img src="" width="80px" height="80px">
                                </div>
                                <div class="col-name">
                                    <span class="name" v-show="item.orderType==1">服饰加工：{{item.name}}</span>
                                    <span class="name" v-show="item.orderType==2">面料采购：{{item.name}}</span>
                                    <span class="name" v-show="item.orderType==3">辅料采购：{{item.name}}</span>
                                </div>
                                <div class="col-param">
                                    <span class="name" >{{item.describe}}</span>
                                </div>
                                <div class="col-baojia">{{item.quotationNum}}</div>
                                <!--订单状态：1，已报价；2，待付款；3，已付款；4已发货；5，确认收货；6，已评价;7,已回复-->
                                <div class="col-state" v-show="item.status==1">已报价</div>
                                <div class="col-state" v-show="item.status==2">待付款</div>
                                <div class="col-state" v-show="item.status==3">已付款</div>
                                <div class="col-state" v-show="item.status==4">已发货</div>
                                <div class="col-state" v-show="item.status==5">确认收货</div>
                                <div class="col-state" v-show="item.status==6">已评价</div>
                                <div class="col-state" v-show="item.status==7">已回复</div>
                                <div class="col-action">
                                    <a href="#" class="show-baojia">查看报价</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <common-page :current="pageNo" :all="total" @btn-click="listen"></common-page>
                </div>
            </div>
        </div>
        <common-footer></common-footer>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/elementui.min.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        order_jdd();
    </script>
</body>

</html>